<div class="pofile-box">
    <div class="head-box">
        <img src="/assets/images/default-avatar.png" alt="" id="profile-headshow" />
        <div class="uploadbtn" id="headshow-upload" style="display: none;">
            <div href="javascript:;" class="edit">修改头像</div>
            <input type="file">
            <input type="hidden" class="formobj" name="avatar">
        </div>
    </div>
    <div class="info">
        <p>登录账号：
            <span class="field" data-field="phone"></span>
        </p>
        <p>账号ID：
            <span class="field" data-field="id"></span>
        </p>
        <p>注册时间：
            <span class="field" data-field="createTime" data-dict="true"></span>
        </p>
    </div>
    <div class="cb"></div>
</div>
<div class="profile-more" id="profile-panel">
    <a href="javascript:;" class="edit-btn">修改</a>
    <div class="title">基本信息</div>
    <div class="info w220" style="margin-left:150px;">
        <p>
            <span class="label">姓名：</span>
            <span class="field" data-field="name"></span>
        </p>
        <p>
            <span class="label">手机号码：</span>
            <span class="field" data-field="telPhone"></span>
        </p>
        <p>
            <span class="label">出生年月：</span>
            <span class="field" data-field="birthday" data-dict="true"></span>
        </p>
        <!-- <p>
            <span class="label">所在城市：</span>
            <span class="field" data-field="provinceName"></span>
            <span>&nbsp;</span>
            </span>
            <span class="field" data-field="cityName"></span>
        </p> -->
        <p>
            <span class="label">最高学历：</span>
            <span class="field" data-field="education" data-dict="true"></span>
        </p>
        <p>
            <span class="label">月收入：</span>
            <span class="field" data-field="salary" data-dict="true"></span>
        </p>
        <p>
            <span class="label">房产：</span>
            <span class="field" data-field="houseType" data-dict="true"></span>
        </p>
        <p>
            <span class="label">车产：</span>
            <span class="field" data-field="carType" data-dict="true"></span>
        </p>
    </div>
    <div class="info w400" style="margin-left:100px;">
        <p>
            <span class="label">性别：</span>
            <span class="field" data-field="sex" data-dict="true"></span>
        </p>
        <p>
            <span class="label">婚姻状况：</span>
            <span class="field" data-field="marryType" data-dict="true"></span>
        </p>
        <p>
            <span class="label">详细住址：</span>
            <span class="field" data-field="address"></span>
        </p>
        <p>
            <span class="label">身份：</span>
            <span class="field" data-field="professional" data-dict="true"></span>
        </p>
        <p>
            <span class="label">职位：</span>
            <span class="field" data-field="headship" data-dict="true"></span>
        </p>
        <p>
            <span class="label">个人信用：</span>
            <span class="field" data-field="credit" data-dict="true"></span>
        </p>

    </div>
    <div class="cb"></div>
</div>
<div class="profile-edit" id="edit-panel" style="display: none;">
    <div class="edit-box">
        <ul>
            <li>
                <span>姓名：</span>
                <input type="text" class="formobj" data-label="姓名" name="name">
            </li>
            <li>
                <span>联系电话：</span>
                <input type="text" class="formobj" data-label="联系电话" name="telPhone">
            </li>
            <li>
                <span>出生年月：</span>
                <select class="w115" name="year">
                    <option value="1970">1970</option>
                    <option value="1971">1971</option>
                    <option value="1972">1972</option>
                    <option value="1973">1973</option>
                    <option value="1974">1974</option>
                    <option value="1975">1975</option>
                    <option value="1976">1976</option>
                    <option value="1977">1977</option>
                    <option value="1978">1978</option>
                    <option value="1979">1979</option>
                    <option value="1980">1980</option>
                    <option value="1981">1981</option>
                    <option value="1982">1982</option>
                    <option value="1983">1983</option>
                    <option value="1984">1984</option>
                    <option value="1985">1985</option>
                    <option value="1986">1986</option>
                    <option value="1987">1987</option>
                    <option value="1988">1988</option>
                    <option value="1989">1989</option>
                    <option value="1990">1990</option>
                    <option value="1991">1991</option>
                    <option value="1992">1992</option>
                    <option value="1993">1993</option>
                    <option value="1994">1994</option>
                    <option value="1995">1995</option>
                    <option value="1996">1996</option>
                    <option value="1997">1997</option>
                    <option value="1998">1998</option>
                    <option value="1999">1999</option>
                    <option value="2000">2000</option>
                    <option value="2001">2001</option>
                </select>
                <select class="w115" name="month">
                    <option value="01">1</option>
                    <option value="02">2</option>
                    <option value="03">3</option>
                    <option value="04">4</option>
                    <option value="05">5</option>
                    <option value="06">6</option>
                    <option value="07">7</option>
                    <option value="08">8</option>
                    <option value="09">9</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                </select>
            </li>
            <!-- <li>
                <span>所在城市：</span>
                <select class="w115 formobj" name="provinceId">
                    <option value="320000">江苏省</option>
                </select>
                <select class="w115 formobj" name="cityId">
                    <option value="320100">南京市</option>
                </select>
            </li> -->
            <li>
                <span>最高学历：</span>
                <select name="education" data-label="最高学历" class="formobj">
                    <option value="-1">请选择</option>
                    <option value="0">小学</option>
                    <option value="1">初中</option>
                    <option value="2">高中</option>
                    <option value="3">大学</option>
                    <option value="4">本科</option>
                    <option value="5">硕士</option>
                    <option value="6">博士</option>
                </select>
            </li>
            <li>
                <span>月收入：</span>
                <select class="formobj" data-label="月收入" name="salary">
                    <option value="-1">请选择</option>
                    <option value="0">2000以下</option>
                    <option value="1">2000-5000</option>
                    <option value="2">5000-10000</option>
                    <option value="3">10000以上</option>
                </select>
            </li>
            <li>
                <span>房产：</span>
                <select class="formobj" data-label="房产" name="houseType">
                    <option value="-1">请选择</option>
                    <option value="0">有房</option>
                    <option value="1">无房</option>
                </select>
            </li>
            <li>
                <span>车产：</span>
                <select name="carType" data-label="车产" class="formobj">
                    <option value="-1">请选择</option>
                    <option value="0">有车</option>
                    <option value="1">无车</option>
                </select>
            </li>
        </ul>
        <ul>
            <li>
                <span>性别：</span>
                <input type="radio" id="nan" name="sex" value="0" class="formobj">
                <label for="nan">男</label>
                <input type="radio" id="nv" name="sex" value="1" class="formobj">
                <label for="nv">女</label>
            </li>
            <li>
                <span>婚否：</span>
                <input type="radio" id="wh" name="marryType" value="0" class="formobj">
                <label for="wh">未婚</label>
                <input type="radio" id="yh" name="marryType" value="1" class="formobj">
                <label for="yh">已婚</label>
            </li>
            <li>
                <span>详细住址：</span>
                <input class="formobj" type="text" data-label="详细住址" name="address">
            </li>
            <li>
                <span>身份：</span>
                <select class="formobj" data-label="身份" name="professional">
                    <option value="-1">请选择</option>
                    <option value="0">自由职业者</option>
                    <option value="1">个体户</option>
                    <option value="2">企业主</option>
                    <option value="3">上班族</option>
                </select>
            </li>
            <li>
                <span>职位：</span>
                <select class="formobj" data-label="职位" name="headship">
                    <option value="-1">请选择</option>
                    <option value="0">员工</option>
                    <option value="1">主管</option>
                    <option value="2">中层领导</option>
                    <option value="3">高层领导</option>
                    <option value="4">CEO</option>
                </select>
            </li>
            <li>
                <span>个人信用：</span>
                <select name="credit" data-label="个人信用" class="formobj">
                    <option value="-1">请选择</option>
                    <option value="0">优秀</option>
                    <option value="1">良好</option>
                    <option value="2">一般</option>
                </select>
            </li>

        </ul>
        <div class="cb"></div>
        <div class="btn-box">
            <a href="javascript:;" id="save-btn">保存</a>
            <a href="javascript:;" id="cancel-btn" style="margin-left:40px;">取消</a>
            <div class="cb"></div>
        </div>
    </div>
    <div class="cb"></div>
</div>
<script src="/assets/lib/util.js"></script>
<script src="/assets/js/my/pofile.js"></script>